@import '../_theme.less';
@import './hairline.less';

@label-width: 144rpx;

.label () {
  position: relative;
  box-sizing: border-box;
  padding: @spacing-small @spacing-normal;
  display: flex;
  align-items: center;
  font-size: @text-size-normal;
  color: @text-primary;
  overflow: hidden;

  &::after {
    .hairline-bottom();
    left: @spacing-normal;
    transition: all @duration-normal @ease-in-quad;
  }

  &_hd {
    line-height: @line-height-normal;
    width: @label-width;
    margin-right: @spacing-normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &_bd {
    display: flex;
    align-items: center;
    flex: 1;
  }
}
